import axios from 'axios'
import Vue from 'vue'
// 引入函数Toast
import { Toast } from 'vant'
// 注册成全局的
Vue.use(Toast)

const http = axios.create({
  baseURL: 'https://m.maizuo.com/',
  timeout: 10000,
  headers: {
    'X-Client-Info':
      '{"a":"3000","ch":"1002","v":"5.2.1","e":"16625220561700377552486401","bc":"310100"}'
  }
})

// 定制拦截器每回请求的时候加上loading框
// 因为上面我们创建了http示例所以拦截的是http请求

// 每次请求的时候会走这函数
http.interceptors.request.use(
  function (config) {
    // 定制token
    Toast({
      // 如果不清除就一直转
      duration: 0,
      icon: './images/loading.gif'
    })
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 每回响应回来的数据会走这个函数
http.interceptors.response.use(
  (response) => {
    // 清除toast
    Toast.clear()
    return response
  },
  (error) => {
    // 清除toast
    Toast.clear()
    return Promise.reject(error)
  }
)

export default http
